/*  gray : rgb(152,145,136)
    gold   :rgb(193,167,107)
    daark gray: #585858
*/
html,
body {
    padding: 0px;
    margin: 0px;
}


@font-face {
    font-family: 'avenir_font';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/avenir/AvenirLTStd-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/avenir/AvenirLTStd-Light.woff) format('woff'), url(../fonts/avenir/AvenirLTStd-Light) format('truetype');
}




body {
    font-family: 'avenir_font';
    font-weight: normal;
    width: 100%;
    font-size: 16px;
    color: rgb(152,145,136);
    overflow-x: hidden;
}
.page-wrapper {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 1s;
    min-height: 70vh
}
.mx-wdth{max-width: 500px;margin: auto;}
a {
    color: rgb(152,145,136);
    transition: all .5s
}
a:hover,
a:focus {
    color: rgb(193,167,107)
}
b,
strong,.bold {
    font-weight: 600;
}
a,
.form-control,
.form-control:focus,
.bootstrap-select,
.bootstrap-select>*,
.bootstrap-select .dropdown-toggle:focus,button,.button,.btn,button
input {
    text-decoration: none !important;
    outline: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
/****** Projects *****/

.Brandsmore1 .item1 {
    display: none;
  
}
.Searchmore .itemsearch {
    display: none;
  
}

/**** News ****/

.Brandsmore .item {
    display: none;
    
}
/*main-menu*/

.menu-wrapper {
    width: calc(100% - 280px);
    transition: all .5s;
}
.search-toggle .menu-wrapper {
    transform: scale(.8);
    opacity: .7
}
.menu-side {
    width: 140px;
    float: left;
    padding: 0px
}
.menu-side ul {
    padding: 0px;
    margin: 0px;
}
.fr-box .fr-basic .fr-top div:last{
    display: none; important ;
}

.main-nav {
    position: relative;
    background: #fff;
    overflow: hidden;
    width: 100%;
    border-bottom: 4px solid rgb(193,167,107);
    z-index: 100;
}
.search-form {
    position: relative;
}
.search-form input[type=search] {
    padding: 9px 10px 9px 32px;
    padding-left: 5px;
    width: 30px;
    color: transparent;
    cursor: pointer;
    height: 40px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border: none;
    text-indent: -100px;
    font-size: 1rem;
    outline: none !important;
}
.search-form .fa {
    position: absolute;
    left: 0px;
    position: absolute;
    left: 5px;
    top: 20%;
    pointer-events: none
}
/*search form */

.search-toggle .search-form input[type=search] {
    width: 200px;
    text-indent: 20px;
    color: rgb(152,145,136);
    background-color: #fff;
    cursor: auto;
    border: 1px solid #ccc;
}
.main-nav .menu-1 {
    text-align: right;
    width: 43.33%;
}
.main-nav .menu-2 {
    text-align: left;
    width: 43.33%;
}
.main-nav .logo {
    width: 13.33%;
    margin: auto;
    text-align: center;
}
.main-nav a {
    padding: .5rem;
    font-size: 16px;
    color: rgb(152,145,136);
    letter-spacing: 0;
    font-weight: 500;
    display: inline-block;
    transition: all .5s;
    position: relative;
}
.main-nav a:after,
#menu-offcanvas a:after ,.awards .year:after{
    transform: scaleX(0);
    transition: all.5s;
    transform-origin: left;
    position: absolute;
    width: calc(100% - 1rem);
    height: 4px;
    content: '';
    background: rgb(152,145,136);
    bottom: 5px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.main-nav a:before ,.awards .year:before{
    position: absolute;
    width: 3px;
    height: 4px;
    content: '';
    bottom: 5px;
    right: 10%;
    background: #fff;
    right: 30%;
    z-index: 99
}
.main-nav a:hover:after,
.main-nav a.active:after,.awards .year:before,.awards .year:after
/*
#menu-offcanvas a.active:after,
#menu-offcanvas a:hover:after*/

{
    transform: scaleX(1);
}
 .social a:before , .social a:after{display: none !important}
  .social a:hover{opacity: .8}
#menu-offcanvas .social a {
    float: left;
}
#menu-offcanvas a:before,
#menu-offcanvas a:after {
    bottom: -3px;
}
#menu-offcanvas a:after {
    width: 100%
}
.main-nav .logo a:after,
.logo a:after {
    display: none;
}
.main-nav a.active {
    font-weight: 800
}
.main-nav .logo a {
    display: block;
}
.main-nav .logo img {
    max-height: 80px;
}
.main-nav .menu-1,
.main-nav .menu-2,
.main-nav .logo {
    /* vertical-align: middle; */
    
    float: left;
}
body.offcanvas-visible .page-wrapper {
    -moz-transform: translateX(275px);
    -webkit-transform: translateX(275px);
    -ms-transform: translateX(275px);
    -o-transform: translateX(275px);
    transform: translateX(275px);
}
#menu-offcanvas {
    display: block;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    z-index: 1;
    top: 0;
    width: 275px;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.75em 1.25em;
    -moz-transform: translateX(-275px);
    -webkit-transform: translateX(-275px);
    -ms-transform: translateX(-275px);
    -o-transform: translateX(-275px);
    transform: translateX(-275px);
    -webkit-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
    z-index: 100;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
}
.offcanvas-visible #menu-offcanvas,
.nav-toggle {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
}
.nav-toggle {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 150;
    display: block;
    margin: 0 auto;
    display: none;
    background: rgba(255, 255, 255, 0.9);
    padding: 0px 10px 10px 10px;
    cursor: pointer;
    left: 20px !important;
    height: 50px;
    width: 50px;
    border-radius: 0px;
    display: block;
    border-bottom: 4px solid rgb(193,167,107);
    transition: all .5s;
    opacity: 0;
    pointer-events: none;
    transition: all .5s;
    margin-left: -40px;
}
.scrolled .nav-toggle {
    opacity: 1;
    display: block;
    pointer-events: auto;
    margin-left: 0px
}
.nav-toggle.active {
    -moz-transform: translateX(275px);
    -webkit-transform: translateX(275px);
    -ms-transform: translateX(275px);
    -o-transform: translateX(275px);
    transform: translateX(275px);
    left: 0px;
}
.nav-toggle i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    width: 30px;
    height: 2px;
    color: rgb(152,145,136);
    text-transform: uppercase;
    text-indent: -55px;
    background: rgb(152,145,136);
    transition: all .2s ease-out;
    top: 23px;
    display: block;
    left: -1.5px;
}
.nav-toggle i::before {
    top: -7px;
}
.nav-toggle i::after {
    bottom: -7px;
}
.nav-toggle i::before,
.nav-toggle i::after {
    content: '';
    width: 30px;
    height: 2px;
    background: rgb(152,145,136);
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.nav-toggle.active i {
    background: transparent;
}
.nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
#menu-offcanvas a {
    display: block;
    margin-bottom: .5rem;
    position: relative;
    font-weight: 500;
}
#menu-offcanvas a:hover,
#menu-offcanvas a.active {
    color: rgb(193,167,107)
}
/**/

.home-wrapper {
    position: relative;
}
.home-wrapper:before {
    height: 100%;
    width: 2px;
    position: absolute;
    left: calc((100vw - 1190px)/2);
    top: 0px;
    content: '';
    background: rgb(193,167,107);
    z-index: 10;
    display: none;
}
.main-banner {
    height: calc(100vh - 90px );
    min-height: 500px
}
.main-banner .swiper-container,
.main-banner .swiper-wrapper,
.main-banner .cover,.main-banner .swiper-slide {
    height: 100% !important;
}



.cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.swiper-pagination-bullet {
    background-color: rgb(152,145,136);
    border-radius: 0px;
    width: 10px;
    height: 10px;
    opacity: 1;
    margin: 0px 3px !important;
}
.swiper-pagination-bullet-active {
    background-color: rgb(193,167,107);
    opacity: 1
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.more .fa,.go-btn {
    width: 37px;
    height: 37px;
    background-image: none;
    border: 2px solid rgb(152,145,136);
    color: rgb(152,145,136);
    text-align: center;
    line-height: 37px;

}
.go-btn{line-height: 35px;display: inline-block;}
.main-banner .swiper-button-next,
.main-banner .swiper-button-prev ,.project-gallery .swiper-button{
   /* color: #fff;
    border-color: #fff;*/
    width: 45px;
    height: 45px;
}

.main-banner .swiper-button-prev {
    left:50px;
}
.main-banner .swiper-button-next {
    right: 50px;
}
.swiper-button .fa {
    margin: auto;
}
.main-banner .text {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 100px;
    width: 100%;
    text-align: left;
    padding-left: 15px;
   /* text-shadow: 1px 1px rgb(152,145,136);*/
}
.main-banner .text .title,
.main-banner .desc {
    max-width: 50%;
    font-size: 1.5rem;
   /* text-shadow: 5px 5px rgb(152,145,136);
    text-shadow: 2px 1px rgb(152,145,136)*/
}
img {
    max-width: 100%
}
.projects-section .wrapp_2 {
    margin-top: 30px;
}
.projects-section .wrapp_3 {
    margin-top: 30px;
}
.project:hover .hovered ,.product:hover .hovered {
    opacity: 1;
    top: 0px;
}
.project .hovered ,.product .hovered {
    opacity: 0;
    position: absolute;
    transition: all.5s;
    padding: 1rem;
    top: 5%;
    height: 100%;
    width: calc(100% - 30px);
    padding-top: .4rem;
}
.product .hovered {padding-top: 0px;max-width: calc(100% - 65px) ;margin: auto;}
.project .hovered .inner p,.product  .hovered .inner p{margin-bottom: 0px; }

.project .hovered .inner ,.product  .hovered .inner {
    background: rgba(255, 255, 255, .8);
    padding: 1rem 1rem;
    margin: auto;
    text-align: center;
    color: #585858;
    min-width: 100%;
}
.project .hovered .more,
.projects-section .more,.product .more {
    color: #585858;
    position: relative;
}
.project .hovered .more:hover,.product .more:hover , .project .hovered .inner:hover  .more,.product  .hovered .inner:hover .more{color:rgb(193,167,107);}
.projects-section .more:hover,
.more:hover .fa {
    color: rgb(193,167,107);
    border-color: rgb(193,167,107)
}
.projects-section .embed-responsive ,.grid-item .embed-responsive{pointer-events: none}
.more:hover .fa {
    transform: scale(1.1);
}
.more .fa {
    line-height: 35px;
    margin-left: .5rem;
    border-color: #585858;
    color: #585858;
    transition: all .5s;
}
.project .hovered .more:before,.product .hovered .more:before, {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #585858;
    bottom: 2px;
}
.project .hovered .more:after,.product .hovered .more:after {
    transition: all .5s;
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: rgb(193,167,107);
    bottom: 2px;
    left: 0px;
    transform: scaleX(0);
    transform-origin: left
}
.project .hovered .more:hover:after,.product .hovered .more:hover:after {
   /* transform: scaleX(1);*/
}
.project .hovered h1,.product .hovered h1 {
    font-size: 1rem;
    font-weight: 600
}
.project .hovered h2,.product .hovered h2 {
    font-size: 1rem;
}
.newsletter-wrapper{padding-top:1rem !important;padding-bottom: 1rem !important }
.newsletter-wrapper .container{max-width: 1000px;margin:auto;}
.newsletter-wrapper .title{margin-bottom: 1rem !important; }
.newsletter-wrapper .form-group{margin-bottom: .5rem}
.newsletter-wrapper .title ,.newsletter-wrapper ,.contact-page .title{color: #343434;}
.newsletter-wrapper .btn  ,.contact-page  .submit {border-radius: 3px;background: rgb(152,145,136);color:#fff;border: 1px solid rgb(152,145,136);transition: all .5s}
.newsletter-wrapper .btn:hover,.contact-page  .submit:hover{border-color: rgb(193,167,107);color: #fff }
.newsletter-wrapper,
.footer,
.deco {
    z-index: 20;
    position: relative;
}
.about-section {
    overflow: hidden;
}
.blockquote-sign{overflow: hidden;}
.blockquote-sign blockquote{font-size: inherit;}
.blockquote-sign .sign{max-width: 180px}
.about-section blockquote {
    font-weight: bold;
    padding-bottom: 0px
}
.about-section .img-scroll-wrapp {
    min-height: 200px;
    position: relative;
}
.about-section .more {
    margin-bottom: 90px;
    margin-top: 15px
}
.more {
    color: rgb(193,167,107);
    font-weight: 600;
    transition: all .5s
}
.more:hover {
    color: rgb(152,145,136);
}
.deco {
    margin-left: -9%;
    position: absolute;
   margin-top: -236px;
       max-width: 412px;
    max-height: 230px
}
.scroll {
    position: relative;
    padding-bottom: 150px;
    display: block;
    font-size: 15px
}
.scroll:after {
    content: '';
    width: 1.5px;
    height: 150px;
    top: 15%;
    left: 50%;
    background: rgb(152,145,136);
    position: absolute;
}
.header {
    text-transform: uppercase;
    font-size: 2rem;
    color: rgb(152,145,136)
}
/*our-process*/

.cd-handle .bottom{color: rgb(193,167,107);font-weight: bold;}
.cd-handle .bottom  .fa{color:rgb(152,145,136);}

.comparison {
    position: relative;
    margin-top: 10px;
    margin-bottom: 40px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 50px;
}
.comparison figure {
    background-size: cover;
    position: relative;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.comparison figure .img {
    position: relative;
    width: 100%;
    opacity: 0;
}
.comparison figure .divisor {
    background-size: cover;
    position: absolute;
    width: 50%;
    overflow: hidden;
    bottom: 0;
    height: 100%;
}
.dragable {
    position: absolute;
    height: calc(100%);
    left: 50%;
    top: -10px;
    pointer-events: none;
    margin-left: -1.5px;
    width: 100%;
}
.dragable .line {
    background: rgb(152,145,136);
    height: calc(100% - 26px);
    width: 3px;
    position: absolute;
}
.dragable .bottom {
    position: absolute;
    bottom: -5px;
    width: 100%;
    left: -102px;
    font-size: 1rem
}
.dragable .bottom .fa{margin-top: .3rem}
.bordered {
    border: 2px solid rgb(152,145,136);
    margin-left: .3rem;
    margin-right: .3rem;
    padding: .1rem;
}
input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    height: calc(100% + 40px);
    top: 0px;
    left: 0%;
    background-color: rgba(255, 0, 0, 0);
    width: 100%;
    opacity: 0
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:active {
    outline: none;
}
input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 98%;
    background-color: rgba(255, 0, 0, 0);
    position: relative;
    outline: none;
    opacity: 0;
}
input[type=range]::active {
    border: none;
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 15px;
    background: rgba(255, 0, 0, 0);
    border-radius: 0;
    opacity: 0;
}
input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    width: 20px;
    height: 15px;
    background: rgba(255, 0, 0, 0);
    border-radius: 0;
    opacity: 0;
}
input[type=range]:focus::-webkit-slider-thumb {
    background: rgba(255, 255, 255, 0.0);
    opacity: 0;
}
input[type=range]:focus::-moz-range-thumb {
    background: rgba(255, 255, 255, 0.0);
    opacity: 0;
}
.our-process-section .wrapp {
    display: flex;
}
.our-process-section .swiper-pagination {
    left: 0px;
    text-align: left;
    bottom: 20px
}
.our-process-section .swiper-pagination-bullet {
    width: 20px;
    height: 20px
}
.our-process-section .title {
    max-width: 50%;
    color: rgba(51, 51, 51, 0.76);
    font-size: 1.5rem
}
/*our-process*/

.focus {
    color: rgb(193,167,107);
    font-weight: 600
}
.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    font-size: .9rem
}
.form-control,
.bootstrap-select>.dropdown-toggle {
    background: none;
    border-radius: 0px;
    border: 1px solid rgb(152,145,136);
    color: rgb(152,145,136);
    transition: all .2s;
    border-radius: 3px; 
}
.career-form  .form-control{border:none;border-bottom: 1px solid rgb(152,145,136);border-radius: 0px;}
.custom-control-input:checked~.custom-control-indicator{background-color: rgb(193,167,107);}
.form-control:focus {
    border-color: rgb(152,145,136);
    color: rgb(152,145,136);
}
.has-danger .form-control-danger {
    background-image: none
}
button,
.btn {
    border-radius: 0px;
    transition: all .5s;
    position: relative;
    z-index: 2
}
.white-btn {
    background: #fff;
    color: rgb(152,145,136);
}
.white-btn:after ,.contact-page  .submit:after{
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: rgb(193,167,107);
    content: '';
    left: -1px;
    top: -1px;
    z-index: 0;
    z-index: -1;
    transform: scaleX(0);
    transition: all .5s;
    transform-origin: left;
}
.white-btn:hover:after ,.contact-page  .submit:hover:after{
    transform: scaleX(1)
}
.white-btn:hover {
    color: #fff
}
.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    
    color: rgb(152,145,136);
}
.form-control::-moz-placeholder {
    /* Firefox 19+ */
    
    color: rgb(152,145,136);
}
.form-control:-ms-input-placeholder {
    /* IE 10+ */
    
    color: rgb(152,145,136);
}
.form-control:-moz-placeholder {
    /* Firefox 18- */
    
    color: rgb(152,145,136);
}

.career-form  .form-control::-webkit-input-placeholder { color:rgb(152,145,136)}
.career-form  .form-control::-moz-placeholder{ color:rgb(152,145,136)}
.career-form  .form-control::-ms-input-placeholder { color:rgb(152,145,136)}

blockquote::after,
blockquote::before {
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('../img/blockquote.png');
    content: "";
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
blockquote::before {
    top: 0;
    margin-left: -23px;
}
blockquote::after {
    bottom: 0%;
    margin-right: -30px;
    transform: rotate(180deg);
}
blockquote {
    background: none repeat scroll 0 0;
    position: relative;
    display: block;
    color: rgb(152,145,136);
    font-size: 1.4rem;
    padding-left: 25px;
    padding-right: 30px;
}
.bottoms-buttons {
    padding-bottom: 80px
}
.bottoms-buttons .swiper-button {
    bottom: 30px;
    top: auto;
}
.bottoms-buttons .swiper-button-prev {
    right: 50%;
    left: auto;
    margin-right: 3px;
}
.bottoms-buttons .swiper-button-next {
    left: 50%;
    right: auto;
    margin-left: 3px;
}
.testimonials-wrapper .text {
    position: relative;
    margin-bottom: 10px;
}
.testimonials-wrapper .text:after {
    position: absolute;
    content: '';
    bottom: -10px;
    width: 50px;
    height: 4px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: rgb(193,167,107)
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    display: block;
}
.bootstrap-select {
    width: 100% !important;
}
.bootstrap-select .dropdown-menu {
    border-radius: 0px;
    border-color: #fff;
    padding: .2rem
}
.bootstrap-select.btn-group .dropdown-menu li.hidden {
    display: none
}
.bootstrap-select.btn-group .dropdown-menu li a {
    display: block;
    padding: .1rem 1rem;
    transition: all .5s;
    ;
}
.bootstrap-select li.selected a,
.bootstrap-select li:hover a {
    background: rgb(193,167,107);
    color: white;
}
.bootstrap-select li {
    margin-bottom: .2rem
}
.footer .top{padding:.8rem !important;}
.footer-nav ul {
    padding: 0px;
    margin-bottom: 0px
}
.footer-nav .logo-wrap img{max-width: 115px;}
.footer-nav ul li,.social li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
}
.footer-nav ul li a,
#menu-offcanvas .social a {
    padding: 11px 10px;
    color: rgb(152,145,136);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.social a{width: 31px;padding:.5rem .4rem}
.social a img{max-width: 23px;}
.footer-nav ul:not(.social) li > a {
    font-weight: 600;
    font-size: 13px;
}
.footer .bottom {
    background: #555650;
    color: rgb(152,145,136);
    font-size: 14px;
}
.footer .bottom a {
    color: rgb(152,145,136);
}
.footer a:hover,
.footer .active a,
.footer a.active {
    color: rgb(193,167,107)
}


/*INNER PROJECTS PAGE*/

.filteration button {
  display: inline-block;
  background: none;
  border: none

}


.filteration .button:hover,.filteration .button:active,.filteration .button.is-checked {
  color: rgb(193,167,107);

}



/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }




/*new-projects*/
.projects-wrapp{overflow: hidden;}
.projects-wrapp .projects{height: auto;}
.projects-wrapp .projects .project{height: 260px; }
.projects-wrapp .projects .project .cover{position: absolute;width: calc(100% - 20px);height:calc(100% - 20px);}
.projects-wrapp .projects .project.item2{height: 520px;}
.projects-wrapp .projects .project.item3{height: 370px;}


/*endnewprojects*/



/* ---- isotope ---- */



.grid-item{margin-bottom: 30px}
.grid-item>a,.project>a{display: block;}

.grid-item .inner{margin: auto;text-align: center;}
.grid:not(.loaded) .grid-item{;opacity:.5;min-height: 200px;overflow: hidden;margin-bottom: 100px  !important} 
/*project details*/
.project-details  .mx-wdth{max-width: 850px;}
.project-details .inner ,.product-image {display: inline-block;position: relative;max-width: 100%;}
.project-details .zoom ,.product-image .zoom ,.zoom{    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #ccc;
    font-size: 1.5rem;cursor: pointer;width: 55px;margin: auto;text-align: center;}
.modal-body{padding-left: 0px;padding-right: 0px;}
.modal-body .large-gallery  img{max-height:  calc(100vh - 100px)}
.modal-body .large-gallery{}
.modal-body .large-gallery .swiper-wrapper{    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important}


.modal-dialog:not(.timeline-dialog){width: 90%;max-width: 1200px ;margin-top:20px; }
.large-modal .modal-dialog{width: 100%;max-width: 100%;margin-left: 0px;margin-right: 0px;}
.modal .close {   padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;left:0px;margin: auto;  width: 40px; height: 40px; opacity: 1;color: rgb(152,145,136);border:1px solid rgb(152,145,136) }
    .modal-content{;background: none;border:none;padding-top:40px }
    .modal-backdrop{background-color: #fff; }
    .modal-backdrop.show{opacity: .95}

.large-modal .swiper-button-next{right: 100px;}
.large-modal .swiper-button-prev{left: 100px;}

    .modal-dialog {
  min-height: calc(100vh - 70px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
  
}


.project-gallery ,.swiper-container ,.csr-gallery {padding-bottom:30px; }
.main-banner .swiper-container{padding-bottom: 0px}
.main-banner  a.swiper-slide{display: block;}

/*
.main-banner  a.swiper-slide,.main-banner  .swiper-slide{opacity: 0 !important;transition:  all 3s !important}
.main-banner  a.swiper-slide.swiper-slide-active,.main-banner  .swiper-slide.swiper-slide-active{opacity: 1 !important}
*/

.project-gallery .swiper-pagination,.csr-gallery .swiper-pagination ,.about-page .swiper-pagination{bottom: 0px}
.project-details  .prop ,.project-details .title{display: block;color: rgb(152,145,136);font-weight: bold;font-size: 1rem}
.project-details .title{font-size: 1.3rem;margin-top:2.7rem !important;font-size: 3rem;font-weight: normal;}
.project-details .buttons{margin-top:4rem !important;}
.project-details .det{position: relative;margin: 0px 2rem;font-size: 1rem;min-width: 100px; }
.project-details .det:after{position: absolute;content: '';width: 1px;height: 100%; background: rgb(152,145,136);top: 0px;right: -2rem}
.project-details .det:last-child:after{display: none;}
.go-new{display: inline-block;width: 50%;float:left;font-size: .9rem }
.go-new.go-next{text-align: right;float:right;}
.go-new.go-next .go-btn{margin-left:  1rem ;}
.go-new.go-prev .go-btn {margin-right: 1rem}
.go-new .float {float: left;}
.go-new.go-next .float{text-align: right;display:block;}
.go-new.go-next a.d-flex{text-align: right;float: right;}
.go-new.go-prev a.d-flex{text-align: left;float: left;}
.go-new .name{color: rgb(152,145,136);font-weight: 700;}
.buttons{width: 100%;overflow: hidden;}
.project-gallery .swiper-slide,.project-gallery .swiper-slide img{margin:auto;text-align: center;}
.project-gallery{max-width: 900px;margin: auto;}
.project-gallery .swiper-slide img{max-height: 550px;}
.b-bordered{position: relative;}
.b-bordered:after,.b-bordered:before{position: absolute;content: "";width: 60px;height: 1px;bottom:-10px;background: rgb(193,167,107);left: 0px;right: 0px;margin: auto;}
.b-bordered:after{bottom: -14px;}
/*products*/

.products-wrapper{max-width: 1400px !important;margin:auto;}
.ltr-dir{direction: ltr !important;}
.products-gallery{padding-bottom: 50px}
.products-gallery .inner{margin: auto;text-align: center;position: relative;display: block;}
.go-cat{position: relative;display: inline-block;margin: 0px 15px;color: rgb(152,145,136);cursor: pointer;text-align: center;}
.go-cat:after ,.go-cat:before{   
 content: '';
    width: 100%;
    height: 2px;
    background: rgb(193,167,107);
    position: absolute;
    left: 0;
    top:0px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s; transition: 0.2s;transform: scaleX(0);}
.go-cat:before{  top:auto;bottom: 0px;}
.go-cat.active,.go-cat:hover{color: rgb(193,167,107)}
.go-cat.active:after ,.go-cat.active:before,.go-cat.is-checked:after ,.go-cat.is-checked:before,.go-cat:hover:after ,.go-cat:hover:before{ transform: scaleX(1);}
/*end products*/
/*product-details*/
.product-details-page .text-wrapper{font-size: 14.5px}
.product-details-page .text-wrapper h3{font-size: 1.5rem}
.product-details-page .products-gallery {position: relative;padding-bottom: 0px !important;margin-bottom: 50px !important;width:100%; }
.product-details-page .products-gallery .swiper-container{padding-top:1.5rem;padding-bottom: 1.5rem !important}
.product-details-page .products-gallery .swiper-slide{ width:55%;transition:  all .4s .2s !important;transform: scale(1);     
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; opacity: .5}

.product-details-page .products-gallery .swiper-slide.swiper-slide-active{ ;transform: scale(1.1);z-index: 99;opacity: 1 }
.product-details-page .products-gallery .swiper-pagination{text-align: center !important;width: 100%;}
.product-details-page .products-gallery .swiper-button-next{right:-50px;margin-top:-15px;}
.product-details-page .products-gallery .swiper-button-prev{left:-50px;margin-top:-15px;}

/*end product-details*/
/*news*/
.gray-bg,.large-news-gallery,.about-page ,.timeline-wrapp,.results{position:relative;}
.gray-bg:before,.large-news-gallery:before,.timeline-wrapp:before,.results:before{content: '';background-color:rgb(242, 241, 240) ;position: absolute;width: 100%;height: 100%;min-height:100vh;top: 0px;left:0px;}
.large-news-gallery:before,.timeline-wrapp:before ,.results:before{background-color:#fafafa !important ;position: fixed;z-index: -10;left: 50%;top:0px;}
.timeline-wrapp:before ,.results:before{left: 0px;height: 100%;min-height: 100%;position: absolute;}
.large-news-gallery{padding-left: 0px;}
.img-wrap{position: relative;overflow: hidden;margin:auto;text-align: center;}
.img-wrap:after{content:'';z-index:99;top:0px;left:0px;position: absolute;width: 100%;height: 100%;content: '';background:rgba(0, 0, 0, .5) url(../img/view2.svg);background-repeat: no-repeat;background-position: center;transition: all .6s;transform:scale(1.5);opacity: 0}
.news-item:hover .img-wrap:after{transform: scale(1);opacity: 1;}
.news-item{margin-top:.5rem;margin-bottom: 1.4rem }
.card{background:none !important ;border:none;transition: all .4s}
.news-item:hover .card{ box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, .5)!important}


    .news-wrapper .card .img-wrap{display: block;width: 100%}
.news-wrapper .card .img-wrap img{width: 100% !important;height:auto;}






.card *, .card h4{font-size: 1rem}
.card-title{margin-bottom: .5rem;}
.card-block{background-color:#fff;padding-top: .7rem ;min-height: 150px;text-align: left;}
.card-text{color: rgb(152,145,136);line-height: normal;}
.view-more-btn{color: rgb(152,145,136);border: 1px solid rgb(152,145,136);background: none;margin-top:1.5rem;margin-bottom:.5rem;transition: all .5s }
.view-more-btn:hover,.bordered-button:hover ,.timeline .button:hover{border-color: rgb(193,167,107) !important;color: rgb(193,167,107) !important}

.news-indicators{display: inline-block;margin-bottom: 1.5rem;margin-top:-.9rem; }
.news-indicators .small{display: inline-block;float: left;width: 42px;height:42px;cursor: pointer;transition: all .3s;}
.small span{display: block;width: 100%;height: 100%;background-size: cover !important;background-position: center center !important;  }
.news-indicators .small.active{border:2px solid #fff;box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, .5)}
.news-details .day,.awards .year{    font-size: 10rem;font-weight: bold; display: block; margin-top: -2rem;margin-bottom: -3rem;color:rgb(152,145,136);}
.news-details .date{font-size: 1.4rem;}
.news-details .title{font-size: 1.4rem;  font-size: 1.4rem;line-height: normal;margin-top: 1rem;font-weight: 600}

.news-details .title,.news-details .date,.news-details .day{color: #585858}
.mCustomScrollbar{height: 350px}
.news-details .mCSB_scrollTools{transform: scaleY(.7);transform-origin: top}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:  #b4b5b1 !important}
.mCSB_scrollTools .mCSB_draggerRail{background: none !important;border: 1px solid #b4b5b1;width: 3px;border-radius: 0px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 7px;border-radius: 0px;opacity: .8}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:  #b4b5b1}
.mCustomScrollbar{margin-left:-30px }
.mCS_no_scrollbar{margin-left: 0px}
/*end news*/

/*careerpage*/
.carrer-bg{position: absolute;width: 50%;left: 0px;top:0px;height: 100%;background-size: cover;background-position: center center }
.rel-pos{position: relative;}
.career-form{position: relative;background: #fff    }
.col-form-legend{padding-top: 0px;padding-bottom: :0px;font-size: inherit; }

.form-check {color: rgb(152,145,136);font-size: 1rem}
.career-form .btn{display: block;width: 100%;background: rgb(193,167,107);color: #fff;transition: all .3s}
.career-form .btn:hover{background-color: #91928c}
.custom-file-control:lang(en)::before{cursor:pointer;content: 'Upload CV';background: #91928c;color: #fff;border: none;border-radius:0px; font-size: 16px;}
.custom-file-control:lang(en)::before{width: 100%;text-align: center;margin: auto;}
.custom-file-control{border: none;}
.custom-file-control:lang(en)::after{display: none;}
.custom-file{width: 100%;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background:  rgb(193,167,107);
    border-color:  rgb(193,167,107); 
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*careerpage*/



.csr-page {max-width: 880px;margin: auto;}
.nav-tabs{border: none;margin-bottom: 2rem }
.csr-page .header{color:rgb(152,145,136) ;}


/**timeline**/
.about-page .mx-wdth{max-width: 950px}
.top-desc {font-weight: 600;}
.about-page .what-we-do .go-cat{}
.about-page .what-we-do .tab-content{margin-top:3rem }
.about-page  strong,.about-page  .bold{font-weight: 800}
.awards .year{font-size: 5rem;margin-bottom: 0px;margin-top: 0px;display: inline-block;position: relative;}
.awards .year:after{width: 65%;background-color:rgb(193,167,107) ;left: 0px;right: auto;;bottom:17px;}
.awards .year:before{right: 50%;bottom:17px;}
.awards .mCustomScrollbar{height: 200px}
.awards .mCSB_scrollTools .mCSB_draggerRail{height: 97%}
.awards-wrapper{padding-left: 30px}
.awards .mx-wdth{max-width:calc(950px + 60px);background-color: #fff;padding-top:2rem;padding-bottom: 1.5rem; }
.awards .small{font-size: 45%;display: block;margin-bottom: -3px;display: block;}
.bordered-img{display: inline-block;position: relative;margin-bottom: 5%}
.bordered-img img{max-height: 355px;}
.bordered-img:after{position: absolute;content: '';border: 1px solid rgb(152,145,136);width: 90%;height: 110%;top:-5%;left: 5%;}
.awards .swiper-container{padding-bottom: 0px }
.awards .swiper-pagination{width: 100%;bottom: 0px}
.awards .container{padding-bottom: 40px;}

.meet-mind .swiper-wrapper{margin-bottom: 20px !important}




/*timelinepopup*/
.timeline-details{background-color: #fff;padding: 1rem;min-height: 300px;background-color: rgb(152,145,136);color: #fff}

/*timelinepopup*/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    font-size: 1rem;
    padding-bottom: 0px;

}
.timeline-title{font-size: 1.7rem}
    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 1px;
        background-color: rgb(152,145,136);
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 47%;
            float: left;
            border: 1px solid rgb(152,145,136);
            padding: 20px;
            position: relative;
            background: #fff;
            box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);

        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top:calc(50%  - 15px);
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid rgb(152,145,136);
                border-right: 0 solid rgb(152,145,136);
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: calc(50%  - 14px);
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: rgb(152,145,136);
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: calc(50% - 26px );
            left: 50%;
            margin-left: 15px;
            z-index: 100;
           font-weight: bold;
           font-size:65px;
        }

         .timeline > li  .media img{order: 1;margin-right: 0px ;margin-left: 1.5rem  }

         .timeline > li:nth-child(2n+1)  .media img{order: 0;margin-left: 0px ;margin-right: 1.5rem }

         .timeline > li > .timeline-badge:before{width: 17px;height: 17px;content: "";border-radius:100%;background: rgb(152,145,136);left:-48%;;position: absolute;top:calc(50% - 7.5px); }
        .timeline > li:nth-child(2n+1)> .timeline-badge:before{left: 75px;}

        .timeline > li:nth-child(2n+1) > .timeline-badge { margin-left:  -85px;}
        .timeline > li:nth-child(2n+1) > .timeline-panel {
            float: right;
        }

            .timeline > li:nth-child(2n+1) > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li:nth-child(2n+1) > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }


.timeline .button ,.bordered-button{color: rgb(152,145,136);background: none; border: 1px solid rgb(152,145,136); padding: .3rem 1rem; display: inline-block; margin-top: 1rem;}
@media (min-width:992px) {
    .career-form{margin-left: 46% ;padding:1.2rem 2rem}
    .carrer-bg{width: 46%;min-height: 70vh}
    .product .hovered .inner {     min-height: 170px;max-width: 200px; }
        .project-gallery .swiper-button-next{right: 70px;}
    .project-gallery .swiper-button-prev{left: 70px;}
     .news-details  .text-wrapp{padding-left: calc((100vw - 992px)/2)}


 }  
 @media (min-width: 1200px){
        .product .hovered .inner {     min-height: 200px;max-width: 250px; }
        .news-details  .text-wrapp{padding-left: calc((100vw - 1130px)/2)}


 } 
@media (max-width:992px) {


    .main-banner{height: 85vh;min-height: 300px}
    .go-cat{margin:0px 7px;}
    .timeline > li  .media img{order: 0;margin-left: 0px;margin-right: 1.5rem }
    ul.timeline:before {
        left: 40px;
    }
.timeline img{max-width: 170px;}
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: -41px;
        transform:scale(.7);
    }

    .timeline > li:nth-child(2n+1) > .timeline-badge{left:59px }
    .timeline > li > .timeline-badge:before{left: 75px;}
    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }
        
        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}
/*end timeline*/
.affiliations, .affiliations h3 {font-size: inherit;}
.affiliations h3{max-width: 240px; margin: 1rem auto}
/*contact*/
.contact-page{max-width: 1000px;margin: auto;}
.add-title{background-color: rgb(152,145,136);color:#fff;padding: .5rem 1rem;margin-bottom: 1.5rem;font-size: 1.4rem}
.contact-page .details{padding-left: 1rem }
.contact-page img{margin-top: auto;margin-bottom: auto;align-self: center;}
.contact-page  .submit{float: right;min-width: calc(33.333333% - 30px)}
/*end contact*/

/**404 page**/
@keyframes floating {
  0% {
    transform: translate3d(0, 0, 0);
  }
  45% {
    transform: translate3d(0, -10%, 0);
  }
  55% {
    transform: translate3d(0, -10%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes floatingShadow {
  0% {
    transform: scale(1);
  }
  45% {
    transform: scale(0.85);
  }
  55% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}

.not-found {
 
  background: #f7f7f7;
}
.not-found .container{
     color: rgb(152,145,136);
  position: relative;
  height: 80vh;
  min-height: 500px;

  text-align: center;
  font-size: 16px;
}
.not-found  h1 {
  font-size: 32px;
  margin-top: 32px;
}


.boo-wrapper {

  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  paddig-top: 64px;
  paddig-bottom: 64px;
}

.boo {
  width: 160px;
  height: 184px;
  background-color: #f7f7f7;
  margin-left: auto;
  margin-right: auto;
  border: 3.39394px solid #9b9b9b;
  border-bottom: 0;
  overflow: hidden;
  border-radius: 80px 80px 0 0;
  box-shadow: -16px 0 0 2px rgba(234, 234, 234, 0.5) inset;
  position: relative;
  padding-bottom: 32px;
  animation: floating 3s ease-in-out infinite;
}
.boo::after {
  content: '';
  display: block;
  position: absolute;
  left: -18.82353px;
  bottom: -8.31169px;
  width: calc(100% + 32px);
  height: 32px;
  background-repeat: repeat-x;
  background-size: 32px 32px;
  background-position: left bottom;
  background-image: linear-gradient(-45deg, #f7f7f7 16px, transparent 0), linear-gradient(45deg, #f7f7f7 16px, transparent 0), linear-gradient(-45deg, #9b9b9b 18.82353px, transparent 0), linear-gradient(45deg, #9b9b9b 18.82353px, transparent 0);
}
.boo .face {
  width: 24px;
  height: 3.2px;
  border-radius: 5px;
  background-color: #9b9b9b;
  position: absolute;
  left: 50%;
  bottom: 56px;
  transform: translateX(-50%);
}
.boo .face::before, .boo .face::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #9b9b9b;
  border-radius: 50%;
  position: absolute;
  bottom: 40px;
}
.boo .face::before {
  left: -24px;
}
.boo .face::after {
  right: -24px;
}

.shadow {
  width: 128px;
  height: 16px;
  background-color: rgba(234, 234, 234, 0.75);
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  animation: floatingShadow 3s ease-in-out infinite;
}

/*end 4040 page*/
/*search resule page*/
.seach-results-page .wrapper{max-width: 1000px;margin: auto;}
.results{min-height: 70vh}
.seach-results-page  input[type=search]{border-top:none;border-left: none;border-right: none;border-radius: 0px ; }
.seach-results-page .s-search-form  .fa{position: absolute;right: 20px;top: 2px;pointer-events: none}
.seach-results-page .media{  border: 1px solid rgb(152,145,136);
            padding: 20px;
            position: relative;
            background: #fff;
            box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);}
            .seach-results-page .media img{float: right;}
.seach-results-page .media .title   {text-transform:uppercase;font-size: 1.7rem}

.seach-results-page .media>div.row{width: 100%;margin: auto;}


@media (min-width: 1600px) {

 .carrer-bg.align-items-center{min-height: 70vh;width: 48%;align-items: top!important}
 .carrer-bg.align-items-center img.m-auto{margin-top:15% !important;margin-left: 60% !important;max-width: 155px}
 .large-news-gallery .wrapp{float: left;max-width: 700px;}
}


@media (min-width: 2000px) {

    .carrer-bg.align-items-center img.m-auto {
        margin-top: 10% !important;
        margin-left: 80% !important;
    }
}

@media (min-width: 2500px) {

    .carrer-bg.align-items-center img.m-auto {
        margin-left: 85% !important;
    }
}


@media (max-width: 1500px) {
.main-banner .swiper-button-prev {
    left: calc((100vw - 1190px)/2);
}
.main-banner .swiper-button-next {
    right: calc((100vw - 1190px)/2);
}




}
@media (max-width: 1300px) {
    .main-banner .swiper-button-prev {
        transform: scale(.8);
        transform-origin: right;
    }
    .main-banner .swiper-button-next {
        transform: scale(.8);
        transform-origin: left;
    }
}
@media (max-width: 1250px) {
    .product-details-page .products-gallery .swiper-button-next{right:-30px;}
.product-details-page .products-gallery .swiper-button-prev{left:-30px;}
}
  


@media (max-width: 1200px) {
    .product-details-page .products-gallery .swiper-button-next{right:-50px;}
.product-details-page .products-gallery .swiper-button-prev{left:-50px;}


    .home-wrapper:before,
    .nav-toggle {
        left: calc((100vw - 990px)/2);
    }
    .main-banner .swiper-button-prev {
        left: calc((100vw - 990px)/2);
    }
    .main-banner .swiper-button-next {
        right: calc((100vw - 990px)/2);
    }
    .deco {
        margin-left: -6%;
        max-width: 30%;
        margin-top: -110px;
    }
    .main-nav .container {
        width: 100%;
    }
    .main-nav a {
        font-size: 15px;
        padding-left: .3rem;
        padding-right: .3rem
    }
}
@media (max-width: 992px) {

    .newsletter-wrapper .btn{width: calc(50% - 15px) !important;float:right;}
    .csr-page .text-wrapp{padding-left: 1rem;padding-right:1rem }
    .our-process-section .wrapp {
    display: block;
    }
    .our-process-section .text-wrap,
    .our-process-section .before-after-wrap {
    width: 100% !important
    }
    .our-process-section .gallery .swiper-container {
    padding-bottom: 20px;
    }
    .our-process-section .swiper-pagination {
    text-align: center;
    }
    .home-wrapper:before,
    .nav-toggle {
    left: calc((100vw - 750px)/2);
    }
    .main-banner .swiper-button-prev {
    left: calc((100vw - 750px)/2);
    }
    .main-banner .swiper-button-next {
    right: calc((100vw - 750px)/2);
    }
    .main-banner .text .title,
    .main-banner .desc {
    max-width: 90%
    }
    .main-nav {
    display: none;
    }
    .nav-toggle {
    opacity: 1;
    display: block;
    pointer-events: auto;
    margin-left: 0px;
    top:10px;
    }

    .page-wrapper:not(.home-wrapper){padding-top: 75px !important}
}

@media (max-width: 768px){

  .awards .swiper-slide>.row .col-md-5.flex-md-last { max-width: 40%;}

}

@media (min-height: 800px) {
  .main-banner{height: 500px}

  
}

@media (max-width: 767px) {
          .main-banner{height: auto !important;min-height: 75px !important}

        .about-section blockquote{text-align: center;}

    .intro-txt blockquote {
    font-size: 1rem
    }
    .blockquote img{max-width: 100px;}
 

    .loader, .percentage{left:-93vw;}
    .intro-txt .logo img{max-width: 120px;margin-top:2.5rem !important;margin-bottom: 1rem !important;  }
    .modal-dialog{ min-height: calc(100vh - 20px);}

    .large-modal .swiper-button-next{right: 20px;}
    .large-modal .swiper-button-prev{left: 20px;}
    .product-details-page .products-gallery .swiper-button-next{right:0px;}
    .product-details-page .products-gallery .swiper-button-prev{left:0px;}

    .contact-page  .submit{min-width: 50%}
    .project-details .top-details{display: flex;overflow: hidden;flex-wrap: wrap;justify-content: flex-start !important}
    .project-details .det{width: 50%;float: left;padding: .5rem;margin: 0px;text-align: left;}
    .project-details .det:after{display: none;}
    .carrer-bg{width: 100%;display: none;}
    .mCustomScrollbar{margin-left:0px !important;height: auto !important; }
    .awards-wrapper{padding-left: 0px}
    .large-news-gallery{padding-left: 15px;}
    .large-news-gallery:before{display: none;}
    .deco {
    margin-left: -20px;
    max-width: 250px;
    margin-top: -100px
    }
    .about-section .more {
    margin-bottom: 0px
    }
    .home-wrapper:before {
    display: none;
    }
    .nav-toggle {
    left: 15px;
    }
    .main-banner .swiper-button-prev {
    left: calc((100vw - 540px)/2);
    }
    .main-banner .swiper-button-next {
    right: calc((100vw - 540px)/2);
    }
    .project .hovered ,.product .hovered{
    height: auto;
    bottom: 0px;
    padding: 0px;
    top: auto;
    opacity: 1;
    position: relative;
    width: 100%;
    background: rgb(152,145,136);
    max-width: 100%;
    }
    .project .hovered .inner,.product .hovered .inner {
    padding: .5rem;
    width: 100%;
    background: none
    }

    .projects-wrapp .projects .project.item3,.projects-wrapp .projects .project.item2,.projects-wrapp .projects .project{height: 300px;}
    .projects-wrapp .projects .project .hovered{position: absolute;bottom:20px;top:auto;}


    .product .hovered .inner  .wrapp{display: block;width: 100%}
    .project .hovered h1,
    .project .hovered p,
    .project .hovered .more,.product .hovered h1,
    .product .hovered p,
    .product .hovered .more  {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0px;
    color: #fff
    }
    .project .hovered h2,.product .hovered h2  {
    color: #fff;
    margin-top: .5rem;
    display: none;
    }
    .project .hovered .more:after,
    .project .hovered .more:before {
    display: none;
    }
    .projects-section .wrapp_2 {
    margin-top: 0px;
    }
    .projects-section .wrapp_3 {
    margin-top: 0px;
    }
    .projects-section .project {
    margin-bottom: 30px;
    }
}
@media (max-width: 576px) {

    .project-gallery .swiper-slide img{max-height: 280px}
    .news-wrapper .card .img-wrap{display: block;width: 100%}
.news-wrapper .card .img-wrap img{width: 100% !important;height:auto;}
    .main-banner .text{bottom: 33px;}
    .awards .swiper-slide>.row .col-md-5.flex-md-last { max-width: 100%;}
    .about-section blockquote{padding-right: 28px;}
.preloader-wrap .percentage{display: none;}
    #menu-offcanvas{background-color: #fff;}
    .footer .bottom{font-size: 12px;}
    .nav-toggle.active{left: -20px !important}

.deco {
    margin-left: -33px;
    max-width: 200px;
    margin-top: -121px;
}
    .carrer-bg .logo{display: none;}
    .go-new {font-size: .85rem}
    .go-new.go-prev .go-btn{margin-right: .3rem;}
    .go-new.go-next .go-btn{margin-left: .3rem;}
    .project-details .zoom, .product-image .zoom, .zoom{width: 45px;bottom: 5px;right: 10px;}
    .main-banner .swiper-button-next, .main-banner .swiper-button-prev, .project-gallery .swiper-button{width: 37px;height: 37px}
    .swiper-button .fa{line-height: 33px;}
    .awards .mx-wdth{padding: 1rem;}
    .main-banner .text .title, .main-banner .desc{font-size: 1.2rem;}
     .main-banner .desc{display: none;}
    /*timeline*/
     /* ul.timeline > li > .timeline-panel{width: 100%}
  ul.timeline:before, .timeline img  ,ul.timeline > li > .timeline-panel:after,ul.timeline > li > .timeline-panel:before {display: none !important}
*/   ul.timeline > li > .timeline-panel{width: calc(100% - 33px);}
ul.timeline > li > .timeline-badge{transform: scale(.4);}
ul.timeline:before{left: 29px;}
    .timeline img ,.timeline > li > .timeline-badge:before,ul.timeline:before{display: none !important;}
    .seach-results-page .media img{float: none;margin-left: auto;margin-right: auto;}

    .contact-page  .submit{min-width: 100%}
    .newsletter-wrapper .btn{width: 100%  !important;}

    .grid-item{margin-bottom: 10px;}

    .project-details .det{width: 100%;float: left;padding: .5rem;margin: 0px}

    .go-new .name{display: none;}
    .our-process-section .title {
    max-width: 100%
    }
    .projects-section .project {
    margin-bottom: 15px;
    }
    .main-banner .swiper-button-prev {
    left: 20px;
    margin-left: 0px;
    }
    .main-banner .swiper-button-next {
    right: 20px
    }
}

@media (max-width:400px) {
    
}

@media (max-width:370px) {
    
}
@media (max-width:350px) {
    .h2, h2{font-size: 1.7rem}
    .deco {max-width: 185px;}


}




@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .product .hovered .inner{max-width: 100%}
     .main-banner .swiper-button-next .fa,.main-banner .swiper-button-prev .fa  ,.project-gallery .swiper-button .fa{  line-height: 45px}
.swiper-button .fa{line-height: 33px;}

}